<%@ page language="java" contentType="text/html; charset=utf-8"
  pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>First page</title>
<style type="text/css">
	body{
		font-family: arial;
		font-size: 12px;
		color: #3C3C3C;
	}
	.head_nav{
		z-index: 10000;
		width: 100%;
		background-color: #F5F5F5;
	}
	.head_nav_u{
		margin: 0 auto;
		width: 1190px;
		height: 35px;
		background-color:#F5F5F5;
	}
	#nav{
		width: 583px;
		height: 35px;
		float: right;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#nav .li{
		float: left;
		margin-left: 20px;
	}
	img{
		width: 100px;
		height: 100px;
	}
	.describe{
		display: inline;
	}
</style>
</head>
<body>
	<div class="head">
		<div class="head_nav">
			<div class="head_nav_u">
				<ul id="nav">
					<li class="li">
						<div class="li_1">
							<a href="#"><span>我的淘宝</span></a>
						</div>
					</li>
					<li class="li">
						<div class="li_2">
							<a href="shoppingCart.jsp"><span>购物车</span></a>
						</div>
					</li>
					<li class="li">
						<div class="li_3">
							<a href="#"><span>收藏夹</span></a>
						</div>
					</li>
					<li class="li">
						<div class="li_4">
							<a href="#"><span>商品分类</span></a>
						</div>
					</li>
					<li class="li">
						<div class="li_5">
							<a href="#"><span>卖家中心</span></a>
						</div>
					</li>
					<li class="li">
						<div class="li_6">
							<a href="#"><span>联系客服</span></a>
						</div>
					</li>
					<li class="li">
						<div class="li_7">
							<a href="#"><span>网站导航</span></a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="body">
		<div class="introduce">
			<div class="first_img">
				<img src="img/男装.jpg" />
			</div>
			<div class="describe">
				<a href="menClothing.jsp"><span>详情查看</span></a>
			</div>
		</div>
		<div class="introduce">
			<div class="second_img" >
				<img src="img/眼睛.jpg" />
			</div>
			<div class="describe">
				<a href="glasses.jsp"><span>详情查看</span></a>
			</div>
		</div>
		<div class="introduce">
			<div class="third_img">
				<img src="img/鞋子.jpg" />
			</div>
			<div class="describe">
				<a href="shoes.jsp"><span>详情查看</span></a>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="note">
			<a>@版权所有：me</a>
		</div>
	</div>
</body>
</html>